<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>努比亚手机-官方网站</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.3, maximum-scale=0.3,user-scalable=yes">
    <link rel="stylesheet" href="styles/reset.css" />
    <link rel="stylesheet" href="styles/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="styles/base.css" />
    <link rel="stylesheet" href="styles/iconfont.css" />
    <link rel="stylesheet" href="styles/back-to-top.css">
    <link rel="stylesheet" href="styles/service-accident.css">
    <script src="js/myTools.js"></script>
    <script src="js/swiper-3.4.2.min.js"></script>
</head>
<body>
    <!--头部区域-->
    <header class="header">
            <div class="header-wrapper">
                <h1 id="logo">
                    <a href="index.html" title="努比亚">努比亚</a>
                </h1>
                <nav id="nav">
                    <ul class="nav-login">
                        <li><a href="./login.html" target="_blank">登陆</a></li>
                        <li><a href="./register.html">注册</a></li>
                        <li><a href="login.html"></a></li>
                    </ul>
                    <ul class="nav-main">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="shop.html">商城</a></li>
                        <li class="nav-main-phones">
                            <a href="#">
                                手机
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper2">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="phone-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                        <div class="swiper-slide">
                                            <ul class="phone-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                    </div>
                                
                                    <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div>
                                </div>
                            </a>
                        </li>
                        <li class="nav-main-parts">
                            <a href="#">配件
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper3">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="parts-show-list">
                                                <!-- <li>
                                                    <a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                    </a>
                                                </li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li>
                                                <li><a href="#">
                                                        <img src="https://oss.static.nubia.cn/blockimage/154745220594.png" />
                                                        <p>X</p>
                                                </a></li> -->
                                            </ul>
                                        </div>
                                    
                                    <!-- <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div> -->
                                </div>
                            </a>
                        </li>
                        <li class="nav-main-photos">
                            <a href="#">摄影
                                <!-- 导航隐藏二级列表 -->
                                <div class="swiper-container swiper4">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <ul class="photo-show-list">
                
                                            </ul>
                                        </div>
                                    
                                    <!-- <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div> -->
                                </div>
                            </a>
                        </li>
                        <li><a href="./service.html">服务</a></li>
                        <li><a href="./experience.html">体验店</a></li>
                        <li><a href="#">社区</a></li>
                    </ul>
                </nav>
            </div>
    </header>

    <div class="content-wrapper">

        <!-- banner01 -->
        <div class="banner01">
            <img src="https://oss.static.nubia.cn/upload/58df6914da1ca7.jpg" />
        </div>

        <!-- banner02 -->
        <div class="banner02">
            <img src="https://oss.static.nubia.cn/upload/5989614bdc9cb55.jpg" alt="">
            <div class="banner02-desc">
                <h2>屏碎宝</h2>
                <h3>屏幕破裂 免费换屏</h3>
                <p>服务有效期内，手机因意外坠落、碰撞、挤压造成屏幕破裂，可获得一次免费换屏服务。</p>
                <p>*说明：nubiaX主屏和副屏均在保障服务范围内</p>
            </div>
        </div>

        <!-- banner03 -->
        <div class="banner03">
            <h2>价格查询</h2>
            <form>
                <ul>
                    <li class="group01">
                        <select>
                            <option value="">请选择手机系列</option>
                            <option value="">V</option>
                            <option value="">Z17</option>
                            <option value="">Z18</option>
                            <option value="">M</option>
                            <option value="">N</option>
                            <option value="">X</option>
                            <option value="">红魔</option>
                        </select>
                        <select style="margin-left: 16px;">
                            <option value="">请选择手机机型</option>
                        </select>
                    </li>
                    <li class="group2">
                        <select name="" id="">
                            <option>选择手机版本</option>
                        </select>
                    </li>
                    <li class="group3">
                        <select name="" id="">
                            <option>选择保障服务</option>
                        </select>
                    </li>
                    <li class="group4">
                        <p>元</p>
                    </li>
                </ul>
                <div class="banner03-desc">
                    <p>
                        仅支持购机之日起10天之内购买，购买之前请仔细阅读服务协议，
                        您的购买付费行为，将被视为您已经理解并接受服务协议。
                    </p>
                    <p>
                        <a href="#">《努比亚手机屏碎宝(1年内保修1次)服务协议》</a> 
                        <a href="#">《努比亚手机屏碎宝(半年内保修1次)服务协议》</a>    
                    </p>
                </div>
                <a class="buy-now" href="javascript:">
                    立即购买
                </a>
            </form>
        </div>

        <!-- banner04 -->
        <div class="banner04">
            <div class="banner04-content">
                <div class="swiper-container swiper1">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <h2>屏碎宝(1年内保修1次)服务简介</h2>
                            <div class="content-wrapper">
                                <div class="content-left">
                                    <h3>保修范围</h3>
                                    <div>
                                        <h4>1.有效期:</h4>
                                        <p>自购机之日起开始计算，有效期1年;</p>
                                        <h4>2.服务内容:</h4>
                                        <p>
                                            在服务有效期内，手机因意外跌落、外力碰撞导致手机屏幕破裂，
                                            可在努比亚官方授权网点享受免费的换屏服务。
                                        </p>
                                        <h4>3.保修次数:</h4>
                                        <p>
                                            1次;
                                        </p>
                                        <p>
                                            *具体情况以《努比亚手机屏碎宝(1年内保修1次)服务协议》为准
                                        </p>
                                    </div>
                                </div>
                                <div class="content-right">
                                    <h3>非保修范围</h3>
                                    <div>
                                        <p>
                                            1.手机型号、串号等与签订本协议时记载的不符、
                                            涂改、损失或无法辨识的；
                                        </p>
                                        <p>
                                            2.手机外观上的瑕疵，如脱漆、刮痕、褪色 等；
                                        </p>
                                        <p>
                                            3.手机的附加配件(包括外置电池、耳机、充电器、数据线、安装光盘等)
                                            或者耗材(包括触笔、存储卡等)；
                                        </p>
                                        <p>
                                            4.故意行为导致的手机损坏；
                                        </p>
                                        <p>
                                            5.未遵循努比亚的安装、操作、维护说明而导致的手机故障或损坏的；
                                        </p>
                                        <p>
                                            *具体情况以《努比亚手机屏碎宝(1年内保修1次)服务协议》为准
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <h2>屏碎宝(1年内保修1次)服务简介</h2>
                            <div class="content-wrapper">
                                <div class="content-left">
                                    <h3>保修范围</h3>
                                    <div>
                                        <h4>1.有效期:</h4>
                                        <p>自购机之日起开始计算，有效期1年;</p>
                                        <h4>2.服务内容:</h4>
                                        <p>
                                            在服务有效期内，手机因意外跌落、外力碰撞导致手机屏幕破裂，
                                            可在努比亚官方授权网点享受免费的换屏服务。
                                        </p>
                                        <h4>3.保修次数:</h4>
                                        <p>
                                            1次;
                                        </p>
                                        <p>
                                            *具体情况以《努比亚手机屏碎宝(1年内保修1次)服务协议》为准
                                        </p>
                                    </div>
                                </div>
                                <div class="content-right">
                                    <h3>非保修范围</h3>
                                    <div>
                                        <p>
                                            1.手机型号、串号等与签订本协议时记载的不符、
                                            涂改、损失或无法辨识的；
                                        </p>
                                        <p>
                                            2.手机外观上的瑕疵，如脱漆、刮痕、褪色 等；
                                        </p>
                                        <p>
                                            3.手机的附加配件(包括外置电池、耳机、充电器、数据线、安装光盘等)
                                            或者耗材(包括触笔、存储卡等)；
                                        </p>
                                        <p>
                                            4.故意行为导致的手机损坏；
                                        </p>
                                        <p>
                                            5.未遵循努比亚的安装、操作、维护说明而导致的手机故障或损坏的；
                                        </p>
                                        <p>
                                            *具体情况以《努比亚手机屏碎宝(1年内保修1次)服务协议》为准
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <h2>屏碎宝(1年内保修1次)服务简介</h2>
                            <div class="content-wrapper">
                                <div class="content-left">
                                    <h3>保修范围</h3>
                                    <div>
                                        <h4>1.有效期:</h4>
                                        <p>自购机之日起开始计算，有效期1年;</p>
                                        <h4>2.服务内容:</h4>
                                        <p>
                                            在服务有效期内，手机因意外跌落、外力碰撞导致手机屏幕破裂，
                                            可在努比亚官方授权网点享受免费的换屏服务。
                                        </p>
                                        <h4>3.保修次数:</h4>
                                        <p>
                                            1次;
                                        </p>
                                        <p>
                                            *具体情况以《努比亚手机屏碎宝(1年内保修1次)服务协议》为准
                                        </p>
                                    </div>
                                </div>
                                <div class="content-right">
                                    <h3>非保修范围</h3>
                                    <div>
                                        <p>
                                            1.手机型号、串号等与签订本协议时记载的不符、
                                            涂改、损失或无法辨识的；
                                        </p>
                                        <p>
                                            2.手机外观上的瑕疵，如脱漆、刮痕、褪色 等；
                                        </p>
                                        <p>
                                            3.手机的附加配件(包括外置电池、耳机、充电器、数据线、安装光盘等)
                                            或者耗材(包括触笔、存储卡等)；
                                        </p>
                                        <p>
                                            4.故意行为导致的手机损坏；
                                        </p>
                                        <p>
                                            5.未遵循努比亚的安装、操作、维护说明而导致的手机故障或损坏的；
                                        </p>
                                        <p>
                                            *具体情况以《努比亚手机屏碎宝(1年内保修1次)服务协议》为准
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                    
                </div>
            </div>
        </div>

        <!-- banner05 -->
        <div class="banner05">
            <h2>购买步骤</h2>
            <div class="banner05-content-wrapper">
                <div class="banner05-content-left">
                    <h3>随手机购买</h3>
                    <h4>STEP1：选择手机</h4>
                    <img src="https://oss.static.nubia.cn/upload/5aa6434e2d28191.png" alt="">
                    <h4>STEP2：选择意外保障服务</h4>
                    <img src="https://oss.static.nubia.cn/upload/5aa6434f683bf96.png" alt="">
                    <h4>STEP3：立即购买</h4>
                    <img src="https://oss.static.nubia.cn/upload/5aa6434a7893787.png" alt="">
                    <h4>STEP4：立即结算</h4>
                    <img src="https://oss.static.nubia.cn/upload/5aa6434c57e2924.png" alt="">
                </div>
                <div class="banner05-content-right">
                    <h3>单独购买</h3>
                    <h4>STEP1：进入意外保障服务页面</h4>
                    <img src="https://oss.static.nubia.cn/upload/5aa643505d15f4.png" alt="">
                    <h4>STEP2：立即购买</h4>
                    <img src="https://oss.static.nubia.cn/upload/5aa6434b5c11751.png" alt="">
                    <h4>STEP3：填写信息</h4>
                    <img src="https://oss.static.nubia.cn/upload/5aa6434d57b287.png" alt="">
                    <h4>STEP4：立即支付</h4>
                    <img src="https://oss.static.nubia.cn/upload/58d9cb9fa210941.jpg" alt="">
                </div>
            </div>
        </div>

        <!-- banner06 -->
        <div class="banner06">
            <h2>常见问题</h2>
            <ul>
                <li>                   
                    <h3>如何才能办理努比亚意外保障服务?</h3>
                    <p>您可以在努比亚官网、体验店购买手机时随手机一起购买，也可以在购机10日内在努比亚官网单独购买</p>
                </li>
                <li>
                    <h3>意外保障服务的保修期怎么计算?</h3>
                    <p>从购机之日开始算起，有效期为相应保障服务的有效期限。</p>
                    <p>例如：购机日期为1月1日，服务有效期限为半年，保障服务的有效期为1月1日---6月30日。</p>
                </li>
                <li>
                    <h3>双屏手机的屏碎宝如何保修？</h3>
                    <p>
                        双屏手机的屏碎宝同时承保主屏和副屏，在屏碎宝有效期内，
                        如果主屏和副屏其中一块屏破裂或者主屏和副屏同时破裂，
                        均可对破裂的屏幕进行免费保修，免费保修一次之后屏碎宝自动终止。
                    </p>
                </li>
                <li>
                    <h3>在意外保障服务有效期内享受服务还需要另外付费吗?</h3>
                    <p>不需要，在享受意外保障服务时无需额外支付任何费用。</p>
                </li>
                <li>
                    <h3>当手机发生意外损坏时，如何享受意外保障服务?</h3>
                    <p>
                        当手机发生意外损坏时，可直接前往当地努比亚授权网点进行检测维修，
                        如当地没有网点也可以拨打服务热线：400-700-6600进行 咨询，
                        客服人员会指引您将机器寄回厂家维修。
                    </p>
                </li>
            </ul>

            
            
        </div>
    </div>

    
    <!-- 回到顶部 -->
    <div class="back-to-top">
            <ul>
                <li>
                    <a href="#" title="在线客服">
                        <i class="iconfont">&#xe605;</i>
                    </a>
                </li>
                <li class="back-to-top-second-item">
                    <a href="javascript:">
                        <i class="iconfont">&#xe663;</i>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe65b;</i>
                    </a>
                </li>
            </ul>
            <div class="app-download-img">
                <img src="http://oss.static.nubia.cn/upload/5a025bb45ab694.png" />
                <div class="app-img-guide"></div>
                <div class="app-img-guide-in"></div>
            </div>
    </div>
        
    <!--底部区域-->
    <footer class="footer">
            <div class="footer-wrapper">
                <div class="footer-title">
                    <img src="images/nb-pro-ft-logo-x2.jpg" />
                    <a href="./phone-list.html"><span>&gt;全部机型</span></a>
                </div>
                <div class="footer-content-wrapper">
                    <div>
                        <h5>Z系列</h5>
                        <ul>
                            <li><a href="./phone-summary.html">nubia Z11</a></li>
                            <li><a href="./phone-summary.html">nubia Z11 Max</a></li>
                            <li><a href="./phone-summary.html">nubia Z11 mini</a></li>
                        </ul>
                    </div>
                    <div>
                        <h5>M系列</h5>
                        <ul>
                            <li><a href="./phone-summary.html">nubia 布拉格S</a></li>
                            <li><a href="./phone-summary.html">nubia My 布拉格</a></li>
                        </ul>
                    </div>
                    <div>
                        <h5>配件</h5>
                        <ul>
                            <li><a href="./parts.html">保护壳</a></li>
                            <li><a href="./parts.html">贴膜</a></li>
                            <li><a href="./parts.html">皮套</a></li>
                            <li><a href="./parts.html">耳机</a></li>
                            <li><a href="./parts.html">数据线/充电器</a></li>
                            <li><a href="./parts.html">周边产品</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footer-message">
                    <ul>
                        <li><a href="javascript:">关于我们</a></li>
                        <li><a href="javascript:">联系我们</a></li>
                        <li><a href="javascript:">新闻中心</a></li>
                        <li><a href="javascript:">加入我们</a></li>
                        <li><a href="javascript:">合作注册</a></li>
                        <li><a href="javascript:">公益</a></li>
                        <li><a href="javascript:">以旧换新</a></li>
                        <li><a href="javascript:">问题反馈</a></li>
                        <li><a href="javascript:">简体中文</a></li>
                    </ul>
                    <div>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <a href="#"></a>
                        <span>服务热线：400-700-6600</span>
                    </div>
                    <p>
                        <span>2012-2017 努比亚技术有限公司 版权所有</span>
                        <a href="#"> 粤ICP备10006213号-2</a>
                        <img src="images/gs.jpg" />
                        <span>深圳市市场监督管理局企业主体身份公示 ICP经营许可证编号：粤B2-20120688 </span>
                        <img src="images/gh.png" />
                        <a href="#"> 粤公网安备 44030502000309号</a>
                    </p>
                </div>
            </div>
    </footer>

    <!-- Swiper -->
    <script>   
        var swiper1 = new Swiper('.swiper1',{
            prevButton:'.swiper-button-prev',
            nextButton:'.swiper-button-next',

        });
        var swiper2 = new Swiper('.swiper2',{
            prevButton:'.swiper-button-prev',
            nextButton:'.swiper-button-next',

        });
        var swiper3 = new Swiper('.swiper3',{
            // prevButton:'.swiper-button-prev',
            // nextButton:'.swiper-button-next',

        });
        var swiper4 = new Swiper('.swiper4',{
            // prevButton:'.swiper-button-prev',
            // nextButton:'.swiper-button-next',
        });
    </script>

    <script src="js/back-to-top.js"></script>
    <script src="js/nav-second.js"></script>
    <script src="js/service-specail.js"></script>
</body>
</html>